﻿        body {
            width: auto;
            margin: 5px;
            padding: 0px;
            background-color:#808080;
            font-family: microsoft yahei;
        }
        .maindiv {
            height: auto;
            min-width: 1024px;
            margin: 0px 20px;
            background-color:#808080;
            display: -webkit-box;
            -webkit-box-flex: 1;
            -webkit-box-orient: vertical;
        }
        .header {
            height: 40px;
            margin: 1px;
            width: 100%;
            background-color: #A0A9B1;
            display: -webkit-box;
            border: 1px solid #E0E6E8;
            -webkit-box-flex: 1;
            -webkit-box-orient: horizontal;
        }
        .headerLeft {
            width:20%;
            /*border:1px solid #ffd800;*/
            display: -webkit-box;
        }
        .headerLeft > div {
           height:20px;
           margin-top:10px; 
        }
        .headerCenter {
         width: 64.5%;
        /*border: 1px solid #6D6666;*/
        text-align: center;
       display: -webkit-box;
        }
          .headerRight {
            width: 15%;
            /*border: 1px solid #ffd800;*/
            display: -webkit-box;
            -webkit-box-flex: 1;
            -webkit-box-orient: horizontal;
            white-space:nowrap;
        }
         .headerRight >div {
             text-align:center;
            display: -webkit-box;
            height:20px;
            width:40px;
            margin-left:20px;
            margin-top:10px;
            background-color:#443f3f;
        }
        .headerRight >div a {
         text-align:center;
         text-decoration:none;
         margin: 6px;
        }
        .content {
            min-height: 455px;
            height: auto !important;
            height: 455px;
            margin: 1px;
            margin-top:25px;
            width: 100%;
            display: -webkit-box;
            -webkit-box-flex: 1;
        }
#divLeft {
    border:1px solid #CDE5E1;
    width:20%;
    margin-top: 75px;
}
#divRight {
    /*border:1px solid #CDE5E1;*/
    width:79.5%;
    margin: 0px 1px;
    /*height:auto!important;
    height:470px;
    min-height:470px;*/
}

#divLeft ul a{
    color:#000;
    text-decoration:none;
}
#divLeft ul a:visited{
    color:#000;
}

#divLeft ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#divLeft ul li ul{
    margin:0px 0px 0px 10px;
}
#divLeft ul li ul li{
    margin:0px 0px 0px 10px;
    padding:3px;
}
.claTitle {
    background-color:#A0A9B1;
    color:#fff;
    padding:5px;
    font-size:18px;
    cursor: pointer;
}
#tbList {
    border:1px solid #A0A9B1;
    border-collapse:collapse;
    width:95%;
    margin:18px auto;
}
#tbList td{
    border:1px solid #A0A9B1;
    padding:3px;
    text-align:center;
}
#tbList th {
    background-color:#A0A9B1;
    color:#fff;
    border:1px solid #0026ff;
    padding:3px;
    text-align:center;
}
    #tbList input {
        width: 50px;
        height: 18px;
        text-align: center;
        background-color: #fff;
    }
        #pageBar {
            text-align:right;
        }
        #pageBar a {
            border:1px solid #000;
            padding:3px 5px;
            margin:3px;
            background-color:#56514D;
            color:#fff;
            cursor:pointer;
        }
        #pageBar a:hover {
            border:1px solid #000;
            background-color:#ADA9A6;
            color:#fff;
        }
.subNum {
    background-image: url(../images/amount-bg.png);
    width: 18px;
    height: 13px;
    margin-top: 7px;
    float: left;
    display: block;
    line-height: 100px;
    cursor:pointer;
}
.addNum {
    background-image: url(../images/amount-bg.png);
    width: 18px;
    height: 13px;
    margin-top:7px;
    display: block;
    line-height: 100px;
    float: right;
    background-position: 0 -13px;
    cursor:pointer;
}
#dialogModify {
    display:none;
}
#oprDiv{
    border:1px solid #A0A9B1;
    width:90%;
    margin:5px auto;
    padding:5px;
}
.footer {
     height: 110px;
     margin: 1px;
     width: 100%;
     border: 1px solid #E0E6E8;
     /*display: -webkit-box;*/
     background-color:#A0A9B1;
}
    .footer .divA {
        height:16px;
        margin:1px 40%;
        position:relative
    }
       .footer .divB {
        height:50px;
        margin:1px 36%;
        position:relative
    }
a {
     color: #E0E6E8; 
    text-decoration: none;
}
.meb-content {
   width:100%;
   margin-top:10px;
}
.meb-avatar {
    width: 15%;
    border-right: 1px solid #f1e390;
    min-height: 352px;
}
.meb-infor {
    width: 84%;
    margin-top:60px;
}
.meb-avatar img {
    width: 80%;
    height: 128px;
    padding: 3px;
    border: 1px solid #eee;
    background: #fff;
}
.mb10 {
    margin-bottom: 10px;
}
.icon-main {
    background-image: url(../images/style-icon-all.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icon-security-4 {
    background-position: -344px -456px;
    width: 106px;
    height: 14px;
}
.icon-phone-bright {
    background-position: -216px -491px;
    width: 17px;
    height: 17px;
}
.icon-email-bright {
    background-position: -234px -491px;
    width: 17px;
    height: 17px;
}
.icon-regular-bright {
    background-position: -251px -491px;
    width: 17px;
    height: 17px;
}
.information {
    border: 1px solid #f1e390;
    background: #797474;
}
.information ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.information ul li.information-tit {
    width: 9%;
    float: left;
    border-bottom: 0px solid #f5eecf;
    padding: 8px 1%;
    line-height: 24px;
}
.information ul li.information-show {
    width: 87%;
    float: left;
    border-bottom: 0px solid #f5eecf;
    padding: 8px;
    line-height: 24px;
    color: #999;
}
.last-li {
    border-bottom: none !important;
}
.information ul li.information-show span {
    width: 80%;
    color: #333;
}
hr {
    width: 100%;
    margin: 0;
    border-top: 0px;
}
.divClass {
    width:40px;
}
.nav {
    display: -webkit-box;
    height: 31px;
    width: 100%;
    margin-top: 4px;
    margin-left: 10%;
}
.nav .divli { 
    width: 10%;
    border: 1px solid #6D6666;
}
.nav .divli ul{ 
    padding:0px;
    margin:0px;
    width: 100%;
}
.nav .divli ul li{ 
list-style-type:none;
line-height:28px;
  width:100%;
cursor:pointer;
}
.nav .divli ul li span{ 
  width:100%;
}
.nav .divli ul li span a {
text-decoration:none;
}
.nav .divli ul li ul {
    padding:0px;
    margin:0px;
    width: 100%;
}
.nav .divli ul li ul li {
list-style-type:none;
line-height:28px;
  width:100%;
  background:#8D8888;
}
.nav .divli ul li ul li a{
text-decoration:none;
}
.nav .divli ul li:hover{
height:28px;
width:100%;
line-height:28px;
border:0px solid #6D6666;
color:red;
background:#8D8888;
}
.nav .divli ul li ul li:hover{
height:28px;
width:100%;
line-height:28px;
border:0px solid #6D6666;
color:red;
background:#ddbebe;
}
/*.nav ul{
width:auto;
margin:0px auto;
height:38px; margin-left: 120px;
padding:0;
}
.nav ul li ul {
width: auto;
 margin-left: 0px;
    }
.nav ul li{
float:left;
list-style-type:none
}
.nav ul li ul li{
float:left;
list-style-type:none
}
.nav ul li a{
width:80px;
height:28px;
line-height:28px;
background:red;
color:#FFF;
font-size:12px;
display:block;
text-align:center;
text-decoration:none;
}
.nav ul li ul li a{
width:80px;
height:28px;
line-height:28px;
background:red;
color:#FFF;
font-size:12px;
display:block;
text-align:center;
text-decoration:none;
}
.nav ul li a:hover{
width:78px;
height:26px;
line-height:28px;
border:1px solid red;
color:red;
background:#FFF;
}*/

